<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数据可视化demo</title>
    <link href="../styles/common.css" rel="stylesheet">
    <script src="../scripts/Plugin/jquery-3.3.1.min.js"></script>
    <script src="../scripts/Plugin/echarts.min.js"></script>
    <script src="../scripts/common.js"></script>
    <script src="../scripts/trend.js"></script>
</head>
<body>
<!--顶部-->
<header class="header left">
  <div class="left nav">
      <ul>
          <li><i class="nav_1"></li>
          <li><i class="nav_2"></li>
          <li><i class="nav_3"></li>
          <li ></li>
          </ul>
  </div>
    <div class="header_center left" style="position:relative">
  
        <h2><strong>大数据展示</strong></h2>

    </div>
    <div class="right nav text_right">
        <ul>

        </ul>
    </div>

</header>
<!--内容部分-->
<div class="con left" style="width:49%;margin-left:15px">
    <!--统计分析图-->
            <div class="div_any_child" style="position:relative;height: 420px;">
                <div class="div_any_title"><img src="../images/title_13.png">3_1</div>
                <div id="histogramChart1"  style="width: 100%;display: inline-block;height: 400px;margin-top: 15px;"></div>
            </div>
</div>
<div class="con left" style="width:49%;">
    <!--统计分析图-->
          <div class="div_any_child" style="height: 420px;">
              <div class="div_any_title"><img src="../images/title_14.png">3_2</div>
              <p id="histogramChart2" class="p_chart" style="height: 400px;"></p>

        </div>
</div>
<!-- <div class="con left" style="width:49%;"> -->
          <!-- <div class="div_any_child" style="width:98%;position:relative;height: 420px;"> -->
              <!-- <div class="div_any_title"><img src="../images/title_17.png">3_3</div> -->
              <!-- <div id="histogramChart3"  style="width: 100%;display: inline-block;height: 400px;margin-top: 15px;"></div> -->
          <!-- </div> -->
<!-- </div> -->

<div class="con left" style="width:49%;margin-left:15px">
          <div class="div_any_child" style="height: 420px;">
              <div class="div_any_title"><img src="../images/title_19.png">4_1</div>
              <p id="pieChart2" class="p_chart" style="height: 400px;"></p>
          </div>
</div>

<div class="con left" style="width:49%;">
        <div class="div_any_child" style="height: 420px;">
            <div class="div_any_title"><img src="../images/title_18.png">4_2</div>
            <p id="pieChart1" class="p_chart" style="height: 400px;"></p>
        </div>
</div>


</body>
</html>
